
/**************************************************
	框架css样式，header、content、footer等
	@author 王逸群
	@date 2011-7-8
	*/
	/*******************************基本元素样式**********************************/
body, button, input, select, textarea {font:12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
/*em { font-style:normal;}*/
img { border:0;}
form{margin:0;padding:0;}
a { text-decoration:none; color:#4B4B4B;}
a:hover { color:#36c; text-decoration:underline;}

.fake-body{width:1000px;margin:0 auto;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
 .nomp{margin:0;padding:0}
.clearfix{zoom:1;}
.clearfix:after{content:"\0020";display:block;clear:both;height:0;}



body {line-height:1.5; color:#4B4B4B;overflow-y:scroll;*overflow-y:visible;margin:0;padding:0;font-family: '微软雅黑';position:relative}
body{background:#fff;}
html,body{height:100%;width:100%;}

.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nowrap,.singleline{white-space:nowrap;overflow:hidden}
.inline-block{display:inline-block;*display:inline;zoom:1;}

html,body{height:100%;width:100%;padding:0;margin:0;font-family:'微软雅黑'}
/*html{overflow:visible;}*/
body{overflow:auto;font-size:8pt}


.op-btn{color:#000066;font-size:12px;}
/*--------------------------lightbox----------------------------------*/
.lightbox_wrap{
	position:relative;
	display:inline-block;*display:inline;zoom:1;
}
.shadow-3{
	-webkit-box-shadow: 30px 30px 10px #ccc;
    -moz-box-shadow: 30px 30px 10px #ccc;
    box-shadow: 30px 30px 50px #ccc;
}

.lightbox_nw{
	display:inline-block;*display:inline;zoom:1;
	height:4px;
	width:4px;
	position:absolute;
	left:0;
	top:0;
	background:url(lightbox/lightbox_nw.png) no-repeat;
}
.lightbox_ne{
	display:inline-block;*display:inline;zoom:1;
	height:4px;
	width:4px;
	position:absolute;
	right:0;
	top:0;
	background:url(lightbox/lightbox_ne.png) no-repeat;
}
.lightbox_sw{
	display:inline-block;*display:inline;zoom:1;
	height:4px;
	width:4px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(lightbox/lightbox_sw.png) no-repeat;
}
.lightbox_se{
	display:inline-block;*display:inline;zoom:1;
	height:4px;
	width:4px;
	position:absolute;
	right:0;
	bottom:0;
	background:url(lightbox/lightbox_se.png) no-repeat;
}
.lightbox_n{
	display:inline-block;*display:inline;zoom:1;
	height:4px;
	left:4px;
	position:absolute;
	background:url(lightbox/lightbox_n.png) repeat-x;
}
.lightbox_w{
	position:absolute;
	display:inline-block;*display:inline;zoom:1;
	width:4px;
	top:4px;
	background:url(lightbox/lightbox_w.png) repeat-y;
}
.lightbox_s{
	position:absolute;
	display:inline-block;*display:inline;zoom:1;
	height:4px;
	left:4px;
	bottom:0;
	background:url(lightbox/lightbox_s.png) repeat-x;
}
.lightbox_e{
	position:absolute;
	display:inline-block;*display:inline;zoom:1;
	width:4px;
	top:4px;
	right:0;
	background:url(lightbox/lightbox_e.png) repeat-y;
}
.lightbox_hover{
	border-color:#3599FF;
}


body{
    margin: 0px;
    background:#EAF7FD url(/assets/bg_index.jpg) center 0 no-repeat ;
}
/* 超链接 */
a {
    text-decoration:none;

}

a:hover {
    color: #0000ff;
    text-decoration: underline;
    background: none;
}

a:visited {
    text-decoration: none;
}

/* 顶部 栏*/

.top_panel{
    position: relative;
    word-spacing: 8px;
    height: 100px;
    border-bottom: 0px solid #1e77ad;

    overflow: hidden;
}

.logo{
    float: left;
    height: 50px;
    margin: 0;
    padding: 0;
}

.sys-nav{background:url(/assets/nav.png) center center no-repeat;margin:0;padding:0;width:100%;}
.sys-nav ul{list-style: none;width:100%;display:block;margin:0;padding:0;margin-top:3px;text-indent:20px;border:0px solid red}
.sys-nav ul li{display:inline-block;*display:inline;zoom:1;height:40px;line-height:40px;vertical-align:middle;margin:0 2px;;padding:0;text-indent:0}
.sys-nav ul li a{color:#fff;font-size:10pt;display:inline-block;*display:inline;*zoom:1;text-align:center;text-indent:0;padding:0 15px;}
.sys-nav ul li a.selected{background:#fff;color:#0A3B8C;}
.sys-nav ul li a:hover{text-decoration:none;background:#77B8F0;color:#0A3B8C;}



.center {
    width: 1000px;
    margin: 0 auto;
}

.foot {
    margin: 0 auto;
    width: 1000px;
    text-align: center;
    margin: 20px auto;
    border-top: 2px solid #000;
}

#notice{
    width: 1000px;
    height: 30px;
    padding-left: 10px;
    background-color: #e5eecc;
    text-align: left;
    vertical-align:middle;
    display: table-cell;
    color: red;
    border: #66cc00 2px solid;
}
/* 表格样式 */
.grid {
   color:black;
   width: 100%;
   border: black 1px solid;
   border-collapse: collapse;

}

.grid th{
    border: black 1px solid;
    background-color: #333;
    height: 30px;
    text-align: center;
    color: white;
}

.grid th a {
    color: white;
}
.grid tr,td {
    color: black;
    height: 30px;
    border: black 1px solid;
    text-align: center;
}

.grid tr.alt td {
    color: #000000;
    background-color: #e3e3e3;
}

.grid tr.over td {
    background-color: orange;
    color: #fff;
}
.grid td a{
    display: none;
}
.grid tr.over a{
    display: inline;
}
/*  编辑页面 table 样式*/
.edit_table {
    width: 100%;
    background: #FFFFFF;
}
.edit_table td{
    border: none;
    height: 30px;
    background: #FFFFFF;
    text-align: left;
}

.edit_table select{
    width: 220px;
    height: 23px;
}

/* The CSS Code for the menu starts here */
#menu {
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
    background-color: #eee;
    font-size: 13px;
    height: 40px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #ccc;
}
#menu li {
    float: left;
    margin: 0;
}
#menu li a {
    text-decoration: none;
    display: block;
    padding: 0 20px;
    line-height: 40px;
    color: #666;
}
#menu li a:hover, #menu li.active a {
    background-color: #f5f5f5;
    border-bottom: 2px solid #DDD;
    color: #999;
}
#menu li ul {
    display: none;
    height: 40px;
    color: #999;
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #ccc;
}
#menu li:hover ul{
    display: block;
    position: absolute;
    border-bottom: 2px solid #DDD;
}
/* Gray Menu */
#menu_wrapper ul {margin-left: 12px;}
#menu_wrapper {padding: 0 16px 0 0; background: url(grey.png) no-repeat right; width: 1000px;margin: 0 auto;}
#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(grey.png) no-repeat left;}

/* Black Menu */
#menu_wrapper.black ul {
    border-top: 2px solid #333;
    border-bottom: 2px solid #000;
    background: #333;
}
#menu_wrapper.black a {color: #CCC;}
#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}
#menu_wrapper.black {background: url(black.png) no-repeat right; width: 1000px;margin: 0 auto;}
#menu_wrapper.black div {background: url(black.png) no-repeat left;}



.hide_div{
    display: none;
    width:557px;
    margin:20px 0;
    padding:5px;
    text-align:center;
    background:#e5eecc;
    border:solid 1px #c3c3c3;
    font-size:12px;
    color: #000000;
}


.site-nav{position:absolute;left:0;top:0;border-bottom:0px solid steelblue;height:21px;width:100%;z-index:1}
.site-nav-content{margin:0 auto;width:1000px;border:0px solid #c0c0c0;height:100%}

.header{height:100px;position:relative;width:1000px;margin:0 auto;}
.adv{height:200px;margin: 5px 0px;}


/*****************************footer********************************/
.footer{height:100px;margin:15px 0;width:1000px}
.footer-nav{color:#346E9C;text-align:center;height:40px;line-height:40px;background:#E8F0F7;border:1px solid #BCD4EA;border-radius:8px;margin:10px 0;}
.cp{height:30px;line-height:30px;margin-bottom:15px;text-align:center;color:#4d4d4d}


.index-center{width:460px;height:300px;background:#c0c0c0;margin:0 2.5px;*margin:0 5px;}
.side-left{width:224px;height:300px;border:1px solid #093A8B;background:#0066CC;}
.services-title{font-size:12pt;color:#000;font-weight:bold;text-indent:20px;margin:0 auto;width:200px;border-bottom:1px solid #093A8B}